<!DOCTYPE html> 
<html> 
<head> 
	<title>Plan Deadline</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	
	<link rel="stylesheet" href="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.css" />
  	<script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jQuery.ui.datepicker.js"></script>
    <script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js"></script>
  	
  	<script src="js/agenda.js"></script>
  	
  	<!-- <script>
		//reset type=date inputs to text
		$( document ).bind( "mobileinit", function(){
			$.mobile.page.prototype.options.degradeInputs.date = true;
		});	
	</script> -->
</head>
<body class="ui-mobile-viewport">
	<div data-role="page" id="make_appointment">
	<div data-role="header" data-theme="b">
		<h1>Plan Deadline</h1>
	</div>
	<div data-role="content">
		<form id="new_appointment_form" method="post" action="javascript:submitAfspraak('deadline')">
			<div data-role="fieldcontain">
		        <label for="date">Date:</label>
				<input type="date" name="date" id="date" value=""  />
			</div>
			<div data-role="fieldcontain">
		        <label for="time">Time:</label>
				<input type="time" name="time" id="time" value="14:00"  />
			</div>
			<div data-role="fieldcontain">
				<label for="omschrijving">Omschrijving:</label>
				<textarea name="omschrijving" id="omschrijving" value=""></textarea>
			</div>
			<div data-role="fieldcontain">
				<label for="vakId">Vak:</label>
				<textarea name="vakId" id="vakId" value=""></textarea>
			</div>
			<fieldset class="ui-grid-a">
				<div class="ui-block-b"><button type="submit" id="submit_question" value="submit" data-theme="b">Bevestig</button></div>
		    </fieldset>
		</form>
	</div>
</div>
</body>
</html>